<template>
  <div class="tips" :style="{minHeight:$store.state.minHeight+'rem'}">
    <myHead title="通知与提示音" background-color="linear-gradient(170deg,rgba(251,68,72,1) 0%,rgba(254,111,77,1) 100%)"></myHead>
    <div class="top">
      <div class="statue">
        <div class="title">通知与提示音</div>
        <van-switch v-model="checked" active-color="#FB4448" />
      </div>
    </div>
    <div class="top">
      <div class="statue">
        <div class="title">打印机断开声音提醒</div>
        <van-switch v-model="checkedTwo" active-color="#FB4448" />
      </div>
    </div>
    <div class="top">
      <div class="statue">
        <div class="title">新订单声音提醒</div>
        <van-switch v-model="checkedThree" active-color="#FB4448" />
      </div>
    </div>
  </div>
</template>

<script>
  import myHead from "../../components/BusinessComponents/lib/myHead";
  import Vue from 'vue';
  import { Switch } from 'vant';

  Vue.use(Switch);


  export default {
      name: "tips",
      components: {
        myHead
      },
      data() {
        return {
          checked: true,
          checkedTwo: true,
          checkedThree: true,
        };
      },
      methods: {

      }
  }
</script>

<style scoped>
  .tips{
    background: #F5F5F5;
    padding-top: .63rem;
  }
  >>>.van-switch{
    font-size: .3rem;
  }
  >>>.van-dialog__header{
    line-height:.24rem;
    padding-top:.24rem;
  }
  >>>.van-dialog__content{
    margin: .16rem .12rem .23rem;
  }
  >>>.van-dialog{
    width: 3.2rem;
    font-size: .16rem;
    border-radius:.16rem;
  }
  >>>.van-button{
    font-size: .16rem;
    height: .5rem;
    line-height: .48rem;
  }
  >>>.van-picker__toolbar{
    display: none;
  }
  >>>.van-picker-column{
    font-size: .16rem;
  }
  >>>.van-picker-column__item{
    height: .44rem !important;
  }
  .top{
    padding: .12rem .13rem .12rem;
    background-color: #ffffff;
    margin-bottom: .1rem;
  }

  .statue{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .title{
    font-size: .14rem;
  }
</style>
